<!DOCTYPE html>
<html>
    <head>
        <title>Jewelry</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="css/layout.css" />
        <link type="text/css" rel="stylesheet" href="css/widgets.css" />
        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/coin-slider/coin-slider.js"></script>
        <link rel="stylesheet" href="js/coin-slider/coin-slider-styles.css" type="text/css"/>
        <link rel="stylesheet" href="js/treeview/jquery.treeview.css" />
        <script src="js/treeview/lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="js/treeview/jquery.treeview.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                $ ('.link_list_1 ul.list li').each(function(i){
                    var newClass = '';
       
                    if ((i+1) % 3 == 0) {
                        newClass = 'last';
                    }
                    $(this).addClass(newClass);
        
                });
                
                $ ('.link_list_2 ul.list li:last-child').addClass('last');
                                   
                $ ('.product_feature ul.product_list li').each(function(i){
                    var newClass = '';
       
                    if ((i+1) % 3 == 0) {
                        newClass = 'last';
                    }
                    $(this).addClass(newClass);
        
                });

                $('.banner #banner_wrapper').coinslider({
                    width: 996, 
                    height: 311, 
                    navigation: false, 
                    delay: 2000
                });
                
                $("#vmenu_wi_2 .vmenu_list").treeview({
                    animated:"normal",
                    persist: "cookie"
                });
                
                $("#vmenu_wi_1 .vmenu_list").treeview({
                    animated:"normal",
                    persist: "cookie"
                });
                
            });
        </script>
    </head>

    <body>
        <div id="wrapper">
            <div id="wrapper_top">
                <div id="hook_header" class="hook">

                    <!-- LOGO WIDGET -->
                    <div id="logo_wi" class="logo">
                        <div class="image_wrapper">
                            <img src="images/logo.png" alt="logo_image"/>
                        </div>
                    </div>
                    <!-- END LOGO WIDGET -->

                    <!-- SEARCH BAR WIDGET -->
                    <div id="search_bar_wi" class="search_bar"> 
                        <form id="searchForm" class="searchForm" action="#" method="post">
                            <div class="search_panel">
                                <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                                <input name="search" type="image" class="buttonSearch" id="buttonSearch" src="images/search_icon.png" value=""/>
                            </div>
                        </form>
                    </div>
                    <!--END SEARCH BAR WIDGET --> 

                    <!-- WIDGET LINK LIST -->
                    <div id="link_list_wi_1" class="link_list_1">
                        <ul class="list">
                            <li>
                                <a href="#">Shipping & return</a>
                            </li>

                            <li>
                                <a href="#">Login</a>
                            </li>

                            <li>
                                <a href="#">Create an account</a>
                            </li>
                        </ul>
                        <!-- End .link_list -->
                    </div>
                    <!-- END WIDGET LINK LIST -->

                    <!-- WIDGET CART BLOCK -->
                    <div id="cart_block_wi" class="cart_block">
                        <div class="image_wrapper">
                            <a href="#"><img src="images/cart_icon.png" alt="cart_image"/></a>    
                        </div>
                        <!-- End #image_wrapper -->
                        <div class="cart_block_infor">
                            <a href="#">Now in your cart<span class="count_products"> 0 </span> <span class="items">items</span></a>
                        </div>    
                        <div class="clear"></div>
                    </div>
                    <!-- END WIDGET CART BLOCK -->
                </div>
                <!-- End #hook_header -->
            </div>
            <!-- End #wrapper_top -->

            <div id="wrapper_main">
                <div id="hook_custom_1" class="hook">
                    <div id="hook_hmenu" class="hook">
                        <!-- HMENU WIDGET -->
                        <div id="hmenu_wi" class="hmenu">
                            <div class="hmenu_wrapper">
                                <ul class="hmenu_list">
                                    <li>
                                        <a href="#" class="active">Home</a>
                                    </li>
                                    <li>
                                        <a href="#">Products</a>
                                    </li>
                                    <li>
                                        <a href="#">News</a>
                                    </li>
                                    <li>
                                        <a href="#">Contact</a>
                                    </li>
                                    <li>
                                        <a href="#">Products</a>
                                    </li>

                                </ul>
                            </div>
                            <!-- End hmenu_wrapper -->
                        </div>
                        <!-- END HMENU WIDGET --> 
                    </div>
                    <!-- End #hook_hmenu -->

                    <div id="hook_sidebar" class="hook">
                        <!-- VMENU WIDGET -->
                        <div id="vmenu_wi_1" class="vmenu">
                            <div class="vmenu_header">
                                Category
                            </div><!-- End .vmenu_header -->

                            <ul class="vmenu_list">
                                <li class="parent"><a href="#">Living room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Sitting room</a></li>
                                <li class="parent"><a href="#">Bath room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Film room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                                <li class="parent"><a href="#">Kitchen room</a></li>
                            </ul><!-- End .vmenu_list -->
                        </div>
                        <!-- End VMENU WIDGET -->

                        <!-- VMENU WIDGET -->
                        <div id="vmenu_wi_2" class="vmenu">
                            <div class="vmenu_header">
                                Category
                            </div><!-- End .vmenu_header -->

                            <ul class="vmenu_list">
                                <li class="parent"><a href="#">Living room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Sitting room</a></li>
                                <li class="parent"><a href="#">Bath room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Film room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                                <li class="parent"><a href="#">Kitchen room</a></li>
                            </ul><!-- End .vmenu_list -->
                        </div>
                        <!-- End VMENU WIDGET -->
                    </div>
                    <!-- END #hook_sidebar -->

                    <div id="hook_custom_2" class="hook">
                        <!-- NEWS DETAILS WIDGET -->
                        <div id="news_details_wi_1" class="news_details">
                            <div class="details">
                                <div class="infor_wrapper">
                                    <div class="post_infor">
                                        <p class="post_time"><span>28</span>12/2012</p>
                                    </div>
                                    <!-- End .post_infor -->

                                    <div class="news_title_wrapper">
                                        <h1 class="name" href="#">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</h1>
                                        <p class="post_by">by <span> Admin</span></p>
                                    </div>
                                    <!-- End #news_title_wrapper -->
                                    <div class="clear"></div>
                      
                                </div><!-- End .infor_wrapper -->

                                <div class="content">
                                    <p>
                                        You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative. It sounds like nonsense but it is indeed that way. Children explore outer world with the help of simple senses – sence of smell, touch, sight and others. That is why it is so important to raise children in an atmosphere of happiness and love. Everything must be perfect because child’s mentality is very tender.
                                        Of course you remember your toys because they’re unforgettable. All those dolls, toy cars, soldiers, balls and others were the best friends. We’ve created our small world. Well, now it seems that nothing has changed but it is not true.
                                        Nowadays toy industry is a very progressive and high-tech sphere and our store is offering you only the best products. Our manufactures and vendors guarantee the premium quality of our toys. The fair price of our product will suit you; moreover - you can save some money because we often provide different promos and you can get some benefits.
                                    </p>
                                </div>
                                <!-- End .content -->                                
                            </div>
                            <!-- End .details -->

                        </div>
                        <!-- END NEWS DETAILS WIDGET -->
                        
                        <!-- NEWS RELATED WIDGET -->
                        <div id="news_related_wi" class="news_related">
                            <div class="header">other review</div>
                            <ul class="list">
                                <li><a href="#">10k Blue Diamond Ring ( 12/11/2011 )</a></li>
                                <li><a href="#">10k White Gold Black and White Diamond Ring ( 12/11/2011 )</a></li>
                                <li><a href="#">16k White Gold Ring ( 12/11/2011 )</a></li>
                                <li><a href="#">10k White Gold Black and White Diamond Ring ( 12/11/2011 )</a></li>
                                <li><a href="#">Blue Diamond Ring ( 12/11/2011 )</a></li>
                            </ul>
                        </div>
                        <!-- END NEWS RELATED WIDGET -->
                    </div>
                    <!-- END #hook_custom_2 -->
                    <div class="clear"></div>
                </div>
                <!-- End #hook_custom_1 -->

            </div>
            <!-- End #wrapper_main -->
            <div id="wrapper_footer">
                <div id="hook_footer" class="hook">
                    <!-- HTML widget -->
                    <div id="html_wi_1" class="html_1">
                        <a href="#"><img src="images/logo_small.png" alt="logo_small"/></a>
                    </div>
                    <!-- END HTML WIDGET -->

                    <!-- LINK LIST WIDGET -->
                    <div id="link_list_wi_2" class="link_list_2">
                        <ul class="list">
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                        </ul>
                    </div>
                    <!-- END LINK LIST WIDGET -->

                    <!-- FOOTER WIDGET -->
                    <div id="footer_wi_1" class="footer">
                        <p>©2012 POWERED BY JEWELRY™. ALL RIGHT RESERVED.</p>
                    </div>
                    <!-- END FOOTER WIDGET -->
                </div>
                <!-- End #hook_footer -->
            </div>
        </div>    
        <!-- End #wrapper -->
    </body>
</html>
